<!--
    <style>
    li{
       float: left;
       list-style: none;
      
    }
</style>
<ion-header>
    <ion-navbar>
       <ion-title>知识点选择</ion-title>
       </ion-navbar>
</ion-header>

<ion-content>
    <ion-list radio-group>
    <ion-item radio-group *ngFor="let item of points;" >
        <ion-label >{{item}}</ion-label>
      <ion-radio value="{{item}}" (click)="close(item)">
      </ion-radio>
    </ion-item>
    </ion-list>
</ion-content>
-->


<style>
        li{
           float: left;
           list-style: none;
           width: 30%;
          
        }
        .choosePoints{
                 font-family:"华文细黑";
                 font-size: 1px;
                 background-color: #efefef
            }
    
        .rbutton2{
          float: left;
          border-radius: 12px;
          font-size: 70%; 
        }
        .radioButton{
            font-size:70%;
        }

        .titleType{
            padding-left: 10%;
        }
    
    </style>
    <ion-header>
            <ion-navbar>

               <ion-title> 
                <ion-icon ios="ios-arrow-back" md="md-arrow-back"  (click)="return()" left></ion-icon>
                     <label class="titleType">知识点选择</label>
               </ion-title>
               </ion-navbar>
    </ion-header>
    
     
    <ion-content class="choosePoints">
        <ion-item>
        <h6>匹配的知识点</h6>
        <div *ngFor="let item1 of substitutePointList;let i = index">
            <button ion-button class="rbutton2" *ngIf="item1.flag==false" small outline (click)="addSubstitutePoints(i)">{{item1.name}}</button>
            <button ion-button class="rbutton2" *ngIf="item1.flag!=false" small (click)="removeSubstitutePoints(i)">{{item1.name}}</button>
        </div>
        </ion-item>
    
    
        <ion-item>
        <h6>最近的知识点</h6>
        <div *ngFor="let item2 of pointsArray;let i = index">
             <button ion-button class="rbutton2" *ngIf="item2.flag==false" small outline (click)="addLatestPoints(i)">{{item2.name}}</button>
             <button ion-button class="rbutton2" *ngIf="item2.flag!=false" small (click)="removeLatestPoints(i)">{{item2.name}}</button>
        </div>
       </ion-item>
    
       <ion-item>
       <ion-list radio-group>
            <h6>其他可选知识点
                <ion-icon name="ios-arrow-forward" item-right *ngIf="temp != show"  (click)="openShow()"></ion-icon>
                <ion-icon name="ios-arrow-down" item-right item-right *ngIf="temp == show"  (click)="closeShow()"></ion-icon>    
                
               <font style="float:right;color:cornflowerblue;" (click)= "chooseSemester()">{{testCheckboxResult}}
                    <ion-icon name="add" item-right (click)= "chooseSemester()"></ion-icon>       
               </font> 
               
            </h6>
               
            
            <div *ngIf="temp== show">
                <ion-item style="size:2px;height:70%" radio-group *ngFor="let item of points;let ind = inded">
                    <ion-label style="size:2px;">
                        <font>{{item.name}}</font></ion-label>
                    <ion-radio style="size:2px" class="radioButton" value="{{item}}" (click)="choose(item)">
                    </ion-radio>
                 </ion-item>       
            </div>
              
       </ion-list>
    </ion-item>
      
        <button ion-button style="margin-bottom:10px;width:50%;margin:0 auto;" block (click)="confirm()" >确定</button>
    </ion-content>
    
